<div ng-controller="checkoutController">
    <h2>My Order--Confirm your order</h2>
    <hr>
    <div class="row">
        <!-- dish title-->
        <table class="table table-striped table-title">
            <tr style="background-color: #D64B2A;color: white;">
                <td colspan="2" class="td-dish">Dish</td>
                <td class="td-price">Price</td>
                <td class="td-number">Number</td>
                <td class="td-sum">Sum</td>
            </tr>
        </table>

        <div class="order-top"></div>
        <div class="order">
            <table class="table table-content">

                <tr ng-repeat="item in currentOrderDetail.orderItem">
                    <td class="td-img"><img src="{{constant.imgServer}}{{item.dish.img}}" alt="" class="dish-img"></td>
                    <td class="td-dName">{{item.dish.dname }}</td>
                    <td class="td-price">&yen;{{item.dish.price}}</td>
                    <td class="td-sum">{{item.num }}</td>
                    <td>{{item.smallSum}}</td>
                </tr>
                <tr class="tr-total">
                    <td colspan="4" td rowspan="2" class="td-address"><span
                            class="address-name">Address:</span><span class="address">{{currentOrderDetail.client.address[0] }}</span>
                    </td>
                    <td td rowspan="2" class="td-sum">&yen;{{currentOrderDetail.sum}}</td>
                </tr>
            </table>
        </div>
    </div>
    <div class="">
        <button class="btn btn-danger confirm-btn" ng-click="confirm()">Confirm</button>
    </div>
</div>
</div>